<template>
  <div class="module_">
      <el-tabs v-model="activeName"  class="tabs" type="card">
        <el-tab-pane label="系统日志" name="systemLog"></el-tab-pane>
        <el-tab-pane label="登录日志" name="loginLog"></el-tab-pane>
      </el-tabs>
      <transition name="el-fade-in">
        <component v-bind:is="choseComp" ></component>
      </transition> 
  </div>

</template>

<script>
import loginLog from '../components/loginLog.vue'
import systemLog from '../components/systemLog.vue'
export default {
  components:{
    loginLog,
    systemLog
  },
  data(){
    return{
      activeName: 'systemLog',
    }
  },
  computed:{
    choseComp(){
      if(this.activeName === 'loginLog') return loginLog
      else return systemLog
    }
  },
}
</script>

<style>

</style>